<#include "../mymacro.ftl">

<@override name="header">
    <@super/>
<script src="/scripts/vue.min.js"></script>
</@override>

<#-- @ftlvariable name="topicPage" type="com.jfinal.plugin.activerecord.Page<model.Topic>" -->
<@override name="main-content">
    <div class="sixteen wide column" id="main-content">
        <div class="ui basic vertical segment">
            <table border="1" cellspacing="0" class="ui fixed table">
                <thead>
                <tr>
                    <th class="twelve wide">标题</th>
                    <th>作者</th>
                    <th>发布时间</th>
                </tr>
                </thead>
                <tbody>
                    <#list topicPage.getList() as topic>
                    <tr>
                        <td><a href="/topic/${topic.id!''}">${topic.title!''}</a></td>
                        <td>${topic.nickname!''}</td>
                        <td>${topic.pubDate!''}</td>
                    </tr>
                    </#list>
                </tbody>
            </table>
            <@paginate topicPage></@paginate>

        </div>
    </div>
</@override>
<@extends name="../main-layout.ftl"></@extends>


